<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安监管系统-控制台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
  <script src="../../scripts/plugins/jquery.ztree.all.min.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安监管系统-控制台</h1>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="#">Admin</a><a href="#"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>用户管理</h2></div>

    <div class="sys-content">
      <div class="panel">
        <div class="panel-head">
          <div class="btnbar"> <button class="btn btn-success" id="add">添加用户</button></div>

          <div class="filter">
              <input type="text" placeholder="请输入帐号或姓名查询">  <button class="btn">检索</button>
          </div>
        </div>
        <div class="panel-body">


          <table class="table table-striped">
            <thead>
              <tr>
                <th width="5%">序号</th>
                <th>帐号</th>
                <th>真实姓名</th>
                <th>联系电话</th>
                <th>电子邮箱</th>
                <th width="25%">权限</th>
                <th>状态</th>
                <th>备注</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td><a href="#">admin</a></td>
                <td>李进</td>
                <td>13992229998</td>
                <td>admin@ga.gov.cn</td>
                <td>大数据安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"><i class="icon-setting" title="修改"></i></a></td>
              </tr>
              <tr>
                <td>2</td>
                <td><a href="#">accAdmin</a></td>
                <td>王浩瀚</td>
                <td>13892229448</td>
                <td>why@ga.gov.cn</td>
                <td>大数据安全监管平台，资源安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>3</td>
                <td><a href="#">anyAdmin</a></td>
                <td>谢家均</td>
                <td>13562229968</td>
                <td>xjj@ga.gov.cn</td>
                <td>大数据安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>4</td>
                <td><a href="#">zhangsan</a></td>
                <td>张叁</td>
                <td>13552224638</td>
                <td>zs@ga.gov.cn</td>
                <td>资源安全监管平台</td>
                <td><label class="toggle"><input type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>5</td>
                <td><a href="#">lijuan</a></td>
                <td>李娟</td>
                <td>13131229998</td>
                <td>lj@ga.gov.cn</td>
                <td>大数据安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>6</td>
                <td><a href="#">admin</a></td>
                <td>李进</td>
                <td>13992229998</td>
                <td>admin@ga.gov.cn</td>
                <td>大数据安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>7</td>
                <td><a href="#">accAdmin</a></td>
                <td>王浩瀚</td>
                <td>13892229448</td>
                <td>why@ga.gov.cn</td>
                <td>大数据安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>8</td>
                <td><a href="#">anyAdmin</a></td>
                <td>谢家均</td>
                <td>13562229968</td>
                <td>xjj@ga.gov.cn</td>
                <td>资源安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>9</td>
                <td><a href="#">zhangsan</a></td>
                <td>张叁</td>
                <td>13552224638</td>
                <td>zs@ga.gov.cn</td>
                <td>大数据安全监管平台</td>
                <td><label class="toggle"><input type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
              <tr>
                <td>10</td>
                <td><a href="#">lijuan</a></td>
                <td>李娟</td>
                <td>13131229998</td>
                <td>lj@ga.gov.cn</td>
                <td>大数据安全监管平台，资源安全监管平台</td>
                <td><label class="toggle"><input checked="" type="checkbox"> <span class="handle"></span></label></td>
                <td>-</td>
                <td class="icons"><a href="#"  title="修改"><i class="icon-setting"></i></a><a href="#" title="删除"><i class="icon-delete"></i></a></td>
              </tr>
            </tbody>
          </table>
        </div><!--panel-body end-->
        <div class="panel-foot">
          <div class="btns"><!-- <button class="btn btn-danger">批量删除</button> --></div>
          <div class="page">
            <ul class="pagination">
              <li class="disabled"><a href="#">&lt;</a></li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li><a href="#">&gt;</a></li>
              <li class="go"><input type="text" title="输入页码跳转"></li>
            </ul>
          </div>
        </div><!--panel-foot end-->
      </div>
    </div>
  </div>

  <div class="dialog dialog-sm" id="dialog">
    <div class="dialog-win">
      <div class="dialog-head"><span>添加用户</span><a class="close" href="javascript:void(0);"><i class="icon-close"></i></a></div>
      <div class="dialog-body">

        <div class="form-box">
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>登录帐号：</div>
              <div class="form-content"><input class="input" id="e2" type="text"></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>登录密码：</div>
              <div class="form-content"><input class="input" type="password"></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>真实姓名：</div>
              <div class="form-content"><input class="input" id="e3" type="text"></div>
            </div>
            <div class="form-item">
              <div class="form-title">联系电话：</div>
              <div class="form-content"><input class="input" id="e5" placeholder="" type="text"></div>
            </div>
            <div class="form-item">
              <div class="form-title">电子邮箱：</div>
              <div class="form-content"><input class="input" id="e6" placeholder="" type="text"></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>访问权限：</div>
                <div class="form-content"><label><input type="checkbox">大数据安全监管平台</label><label><input type="checkbox">资源安全监管平台</label></div>
            </div>
            <div class="form-item">
              <div class="form-title">备注：</div>
              <div class="form-content"><textarea class="input" id="e3"></textarea></div>
            </div>
        </div>

      </div>
      <div class="dialog-foot"><button class="btn" id="save">确认</button><button id="cancel" class="btn btn-minor">取消</button></div>

    </div>
  </div>
  <!--dialog end-->
</body>
</html>
<script>
  $(document).ready(function(){

   /* var $dialog = $(".dialog-win");
    $dialog.css({"left":($(window).width()-$dialog.width())/2 + 'px',"top":($(window).height()-$dialog.height())/2 + 'px',"marginLeft":0,"marginTop":0});
            //自动居中对话框
            //声明需要用到的变量
            var mx = 0,my = 0;      //鼠标x、y轴坐标（相对于left，top）
            var dx = 0,dy = 0;      //对话框坐标（同上）
            var isDraging = false;      //不可拖动

            //鼠标按下
            $(".dialog-head").mousedown(function(e){
              e = e || window.event;
                mx = e.pageX;     //点击时鼠标X坐标
                my = e.pageY;     //点击时鼠标Y坐标
                dx = $dialog.offset().left;
                dy = $dialog.offset().top;
                isDraging = true;      //标记对话框可拖动
              });

            //鼠标移动更新窗口位置
            $(document).mousemove(function(e){
              var e = e || window.event;
                var x = e.pageX;      //移动时鼠标X坐标
                var y = e.pageY;      //移动时鼠标Y坐标
                if(isDraging){        //判断对话框能否拖动
                    var moveX = dx + x - mx;      //移动后对话框新的left值
                    var moveY = dy + y - my;      //移动后对话框新的top值
                    //设置拖动范围
                    var pageW = $(window).width();
                    var pageH = $(window).height();
                    var dialogW = $dialog.width();
                    var dialogH = $dialog.height();
                    var maxX = pageW - dialogW;       //X轴可拖动最大值
                    var maxY = pageH - dialogH;       //Y轴可拖动最大值
                    moveX = Math.min(Math.max(0,moveX),maxX);     //X轴可拖动范围
                    moveY = Math.min(Math.max(0,moveY),maxY);     //Y轴可拖动范围
                    //重新设置对话框的left、top
                    $dialog.css({"left":moveX + 'px',"top":moveY + 'px'});
                  };
                });
华盛顿——在面临数个危险的国际危机之际，特朗普领导的白宫周一发起了一场激烈交锋，不过它与外国对手无关。它的目标是总统的一位前妻。

梅拉尼娅·特朗普(Melania Trump)入主的东厅因为特朗普总统的第一任妻子伊万娜(Ivana)开玩笑地自称第一夫人而火力大开。

查看大图特朗普的第三任妻子、出生于斯洛文尼亚的前模特梅拉尼娅·特朗普在一定程度上是个例外，因为她不寻求关注，并且往往措辞谨慎。
Doug Mills/The New York Times

特朗普的第三任妻子、出生于斯洛文尼亚的前模特梅拉尼娅·特朗普在一定程度上是个例外，因为她不寻求关注，并且往往措辞谨慎。
相关文章
总统夫人的高跟鞋在灾区引发争议
分居的特朗普一家将在华盛顿团聚
第一夫人的裙子打破了复活节传统
梅拉尼娅，“消失”的第一夫人
梅拉尼娅想成为怎样的第一夫人
伊万娜·特朗普是特朗普三个年纪最大的孩子的母亲，两人的离婚让特朗普成了小报的持续性谈资。在《早安美国》(Good Morning America)播出的一段采访中，正在宣传新回忆录的伊万娜说自己有联系白宫的“直线号码”，并且每两周给总统打一次电话。

“从根本上来说我是特朗普的第一任妻子，”这位出生于捷克的特朗普夫人笑着说。“我是第一夫人，好吧。”

这个笑话似乎触动了真正的第一夫人的神经。

第三任特朗普夫人的通讯联络主管史蒂芬妮·格里沙姆(Stephanie Grisham)发布了一份措辞严厉的声明，驳斥第一夫人在婚姻关系上的前任。

“特朗普夫人把白宫变成了巴伦(Barron)和总统的家。她喜欢在华盛顿特区生活，并为自己美国第一夫人的角色感到荣幸，”格里沙姆在一封电子邮件中写道。“她计划利用自己的头衔和角色帮助儿童，而不是卖书。”

格里沙姆接着又给了小报风格的致命一击：“前任发表的这种言论显然没有实质意义，可惜只是哗众取宠、谋私利的噪音。”

在周一之前，这种媒体争夺战对梅拉尼娅·特朗普领导的平静并且有些门可罗雀的东厅来说，仍是不寻常的举动。但对特朗普家族的某些成员来说，媒体战是他们的老习惯了。自从1992年特朗普与前模特伊万娜·特朗普在她所说的“不留情面”的离婚谈判中结束婚姻后，这些争夺战便充当着高调的婚姻大戏的散播者角色。特朗普的第二任妻子玛拉·梅普尔斯(Marla Maples)为另一轮令人头晕目眩的媒体关注提供了保障（第一任特朗普夫人在那个采访中说，她从不以名字称呼梅普尔斯，而是以“那个演戏的”代指）。

梅拉尼娅·特朗普出生于斯洛文尼亚，曾是一名模特。她在一定程度上是个例外，因为她不寻求关注，并且倾向于谨慎选择措辞。她同时也正在成为一位更加引人注目的第一夫人。过去几周，她增加了露面次数。此外，她还将于周二前往西弗吉尼亚州的亨廷顿，探访为各种上瘾问题家庭提供支持的婴幼儿康复中心莉莉公馆(Lily’s Place)。

最近几周，曾经强调自己的平台将重点关注打击网络欺凌的特朗普夫人，转向了增加对阿片类药物泛滥情况的了解上。据估计，美国超过200万人有这类药物问题，阿巴拉契亚地区一些地方的用药过量情况是全美最严重的。

“她已多次表示希望利用自己第一夫人的角色，帮助尽可能多的儿童应对他们在成长过程中面临的诸多问题和挑战，”格里沙姆说。“阿片类药物危机便是其中一个，它正在影响全国范围内的儿童和他们的家庭。”

8月，特朗普总统说阿片类药物泛滥是“全国性的紧急情况”，但白宫迄今尚未对这个问题正式表态。被问及第一夫人解决网络欺凌的计划时，格里沙姆说，特朗普夫人的关注重点“包括儿童如今所面临问题的很多不同方面”。

在被问及东厅为何要回应伊万娜·特朗普的采访时，格里沙姆没有给出答复。第一任特朗普夫人的爆料还包括她自称利用给总统打电话的机会鼓励他谨言慎行——“有时候我告诉他不要说那么多就好了，”她说道——以及她并不介意自己的孩子做出他们的父亲喜欢的那种Twitter嘲讽。

“如果他们是失败者，”特朗普夫人指的是可能会成为特朗普家族在Twitter上打击目标的人，“他们是失败者，懂吗？我不介意。”
            //鼠标离开
            $(".dialog-head").mouseup(function(){
              isDraging = false;
            });

            function autoCenter(el){
              var bodyW = $(window).width();
              var bodyH = $(window).height();
              var elW = el.width();
              var elH = el.height();
              $dialog.css({"left":(bodyW-elW)/2 + 'px',"top":(bodyH-elH)/2 + 'px'});
            };
            //窗口大小改变时，对话框始终居中
            window.onresize = function(){
              autoCenter($dialog);
            };*/



            $("#add").on("click",function(){
              $(".dialog").show();
            })

            $(".dialog .close,#cancel").on("click",function(){
              $(".dialog").hide();
            })
            $.fn.zTree.init($("#role"), setting, zNodes);
          })

var setting = {
  check: {
    enable: true
  },
  data: {
    simpleData: {
      enable: true
    }
  }
};

var zNodes =[
{ id:1, pId:0, name:"平台管理员", open:true},

{ id:2, pId:0, name:"采集系统管理员", open:true},

{ id:3, pId:0, name:"分析系统管理员"},

{ id:4, pId:0, name:"数据交换系统管理员"},

{ id:5, pId:0, name:"资源目录系统用户"},
{ id:6, pId:0, name:"分析系统业务员"},
];

</script>